<template>
	<view style="margin-left: 40rpx;">
		<uni-popup ref="popup" type="center" :mask-click="false">
			<view class="windows">
				<image :src="require('@/static/pic@3x.png')" class="windows-img"></image>
					<view style="font-size: 36rpx;line-height: 54rpx;padding-left: 30px;padding-right: 30px;">恭喜你！完成{{text}}～</view>
				
				<button class="windows-btn" @click="close">我知道了</button>
				<image :src="require('@/static/icon_close@3x.png')" class="windows-btn1" @click="close()"></image>
			</view>
		</uni-popup>
	</view>	
</template>

<script>
	export default {
		data(){
			return {
				text:''
			}
		},
		methods:{
			open(){
				this.$refs.popup.open('center')
			},
			close(){
				this.$refs.popup.close()
				uni.navigateBack({
					
				})
			}
		},
		onLoad() {
			
		}
	}
</script>

<style>
	.windows{
		background-color: #fff;
		width: 560rpx;
		height: 600rpx;
		bottom: 500rpx;
		border-radius: 20rpx;
		margin: auto;
	}
	.windows-img{
		width: 560rpx;
		height:390rpx;
		margin-top: -55rpx;
	}
	.windows-txt{
		text-align: center;
		margin-top: -40rpx;
	}
	.windows-txt-num{
		font-size: 80rpx;
		color: #F86E21;
		font-weight: 500;
	}
	.windows-txt-b{
		font-size: 50rpx;
		color: #F86E21;
		font-weight: 500;
	}
	.windows-txt-con{
		font-size: 36rpx;
		line-height: 54rpx;
		text-align: center;
	}
	.windows-txt-cong{
		text-align: center;
		margin-top: 20rpx;
	}
	.windows-btn{
		color: #FFFFFF;
		font-size: 32rpx;
		line-height: 76rpx;
		background-color: #388CFE;
		border-radius: 44rpx;
		margin-top: 20rpx;
		text-align: center;
		width: 400rpx;
		height: 76rpx;
	}
	.windows-btn1{
		width: 80rpx;
		height: 80rpx;
		margin-left: 240rpx;
		margin-top: 116rpx;
	}
</style>
